//按钮样式//
@import "variables.less";//配置文件
@import "mixins.less";//配置文件

.button{
	padding: 9px 22px;
	margin: 4px;
	font-size: 14px;
	color: #fff;
	border: 0px;
	cursor: pointer;
	.border_radius(5px);
}

.default_button{//成功按钮
	background-color: @brand_color;

	&:hover{
		background-color: @brand_color*0.8;
	}
	&:active{
		background-color: @brand_color*0.6;
	}
}

.success_button{//成功按钮
	background-color: @brand_success;

	&:hover{
		background-color: @brand_success*0.8;
	}
	&:active{
		background-color: @brand_success*0.6;
	}
}


.fail_button{//失败按钮
	background-color: @brand_warning;

	&:hover{
		background-color: @brand_warning*0.8;
	}
	&:active{
		background-color: @brand_warning*0.6;
	}
}

.invalid_button{//失效按钮
	background-color: @gray_light;
	cursor: not-allowed;

	&:hover{
		background-color: @gray_light;
	}
	&:active{
		background-color: @gray_light;
	}
}

.jump_button{//跳转按钮
	background-color: @brand_info;

	&:hover{
		background-color: @brand_info*0.8;
	}
	&:active{
		background-color: @brand_info*0.6;
	}
}

